
let ooli = document.getElementsByClassName('uli1');
let ooli2 = document.getElementsByClassName('uli2');
let ooli3 = document.getElementsByClassName('uli3');
// console.log(ooli);
let imgbox = document.getElementsByClassName('imgbox')
let imgbox2 = document.getElementsByClassName('imgbox2')
let imgbox3 = document.getElementsByClassName('imgbox3')
// console.log(imgbox);
for (let i = 0; i < ooli.length; i++) {
    ooli[i].onmouseover = function () {
        imgbox[i].style.display = "block"
        imgbox2[i].style.display = "none"
        imgbox3[i].style.display = "none"
    }
    ooli2[i].onmouseover = function () {
        imgbox[i].style.display = "none"
        imgbox2[i].style.display = "block"
        imgbox3[i].style.display = "none"
    }
    ooli3[i].onmouseover = function () {
        imgbox[i].style.display = "none"
        imgbox2[i].style.display = "none"
        imgbox3[i].style.display = "block"
    }
}
